{% extends "base.html" %}

{% block content %}
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center">
<table width='98%'  cellspacing='1' align='center'><tr><td align="left"><a href="/add_f/{{m_id}}"><font color="red">Add Follow_up</font></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:history.back(1);"> back </a></td></tr>
</table>
</td></tr></table>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center">
<table width='98%' class='grid' cellspacing='1' align='center'><tr><td colspan='10' class='title' align="center">{{username}}'s Follow_up</td></tr>
<tr valign='middle' align='left'></tr>
  <tr valign='middle' align='left'>
  <td class='odd' width='10%'>ID</td>
  <td class='even' width='20%'>status</td>
  <td class='odd' width='40%'>Remarks</td>
  <td class='even' width='15%'>Timeline</td>
<td class='odd' width='15%'>Action</td>  

  </tr>
  {% for f_object in f_object %}
 
  <tr valign='middle' align='left'>
  <td class='odd'>{{f_object.id}}</td>
   <td class='even'>{{ f_object.get_status_display }}
   </td>
  <td class='odd'>{{f_object.remarks}}</td>
  <td class='even'>{{f_object.timeline|date:"Y-m-d " }}</td>
<td class='odd' ><a href="/edit_f/{{ f_object.id}}">Edit</a>&nbsp;&nbsp;&nbsp;<a href="/del_f/{{ f_object.id}}" onclick="return confirm('Are you sure to delete it?');">Delete</a></td>
  </tr>

  {% endfor %}

      <tr><td  class='even' colspan="10" align="right">

</td></tr>
</table>

{% endblock %}
